<template>
  <div class="bg-light">
    <Table
      :height="options.tableHeight"
      stripe
      :columns="list.columns"
      :data="list.data"
      @on-selection-change="onSelectionChange"
      no-data-text="亲，没有找到相关记录哦！~"></Table>
    <div class="pager">
      <Page
        :total="list.totalItem"
        :current="list.currentPage"
        :page-size="list.pageSize"
        @on-change="onPageChange"
        @on-page-size-change="onPageSizeChange"
        show-sizer
        placement="top"></Page>
    </div>
    <Loader :status="list.status" @refresh="getData"></Loader>
  </div>
</template>
<script>
  import BrandBindData from './BrandBindData'
  import table from '@/table'
  export default {
    props: {
      form: {
        type: Object
      }
    },
    components: {
    },
    data() {
      return {
        options: {
          tableHeight: 300
        },
        list: BrandBindData
      }
    },
    mounted () {
      this.initTable()
    },
    methods: {
      ...table,
      getData() {

      },
    },
    computed: {

    }
  }
</script>
